import React from 'react';
import './index.css';

// 假设有五个不同的图像
const images = [
  'https://cdn.dancf.com/fe-assets/20240326/6ce218c2f66fa6a3798cd5680419f94e.png',
  'https://cdn.dancf.com/fe-assets/20240326/4de240fe4534236f974e540e063e76d9.png',
  'https://cdn.dancf.com/fe-assets/20240326/a9ad647588bf921ea2f40cc4c96d31b3.png',
  'https://cdn.dancf.com/fe-assets/20240326/26a91384853dfbdb6df0dc3140929843.png',
  'https://cdn.dancf.com/fe-assets/20240326/bf1fd26d1a1e1792032d00c2daa0cce7.png',
];

function GaoDingLogo() {
  return (
    <div className="marquee">
            <h1>众多企业携手稿定共建内容力</h1>
      {images.map((image, index) => (
        <div key={index} className={`marquee-content ${index % 2 === 0 ? 'left' : '\imagesimagesright'}`}>
          <img src={image} alt={`logo-${index}`} />
        </div>
      ))}
    </div>
  );
}

export default GaoDingLogo;
